import React from 'react';
import { Layout, Row, Col, Typography, Space } from 'antd';
import { GithubOutlined, TwitterOutlined, MailOutlined } from '@ant-design/icons';

const { Footer: AntFooter } = Layout;
const { Text, Link } = Typography;

const Footer = () => {
  return (
    <AntFooter className="app-footer">
      <div className="footer-content">
        <Row gutter={[24, 24]}>
          <Col xs={24} sm={8}>
            <div className="footer-section">
              <h3>WatermarkRemover Pro</h3>
              <Text type="secondary">
                专业的AI智能去水印工具，为您提供高质量的图片和视频去水印服务。
              </Text>
            </div>
          </Col>
          
          <Col xs={24} sm={8}>
            <div className="footer-section">
              <h4>产品功能</h4>
              <ul>
                <li>智能图片去水印</li>
                <li>视频去水印处理</li>
                <li>批量文件处理</li>
                <li>多种处理模式</li>
              </ul>
            </div>
          </Col>
          
          <Col xs={24} sm={8}>
            <div className="footer-section">
              <h4>联系我们</h4>
              <Space direction="vertical">
                <Link href="mailto:support@watermarkremover.com">
                  <MailOutlined /> support@watermarkremover.com
                </Link>
                <Space>
                  <Link href="https://github.com" target="_blank">
                    <GithubOutlined />
                  </Link>
                  <Link href="https://twitter.com" target="_blank">
                    <TwitterOutlined />
                  </Link>
                </Space>
              </Space>
            </div>
          </Col>
        </Row>
        
        <div className="footer-bottom">
          <Row justify="space-between" align="middle">
            <Col>
              <Text type="secondary">
                © 2024 WatermarkRemover Pro. 保留所有权利。
              </Text>
            </Col>
            <Col>
              <Space>
                <Link href="/privacy">隐私政策</Link>
                <Link href="/terms">服务条款</Link>
                <Link href="/help">帮助中心</Link>
              </Space>
            </Col>
          </Row>
        </div>
      </div>
    </AntFooter>
  );
};

export default Footer; 